<template>
	<view>
		<DynamicForm :formPros="formField" ref='refForm' />
		<up-button type="primary" @click="submitData">提交</up-button>
	</view>
</template>
<script setup>
	import DynamicForm from './DynamicForm.vue'
	import { ref } from 'vue'
	const formField = ref([])
	const refForm = ref(null)
	setTimeout(() => {
		formField.value = [{
				'id': '2040',
				'name': 'dispute_type',
				'type': 'SELECT',
				'label': '纠纷类型',
				'required': false,
				'order': '0',
				'options': {
					'options': [{
							'text': '合同纠纷',
							'value': 'CONTRACT_DISPUTE',
							'disabled': false
						},
						{
							'text': '知识产权纠纷',
							'value': 'INTELLECTUAL_PROPERTY_DISPUTE',
							'disabled': false
						},
						{
							'text': '不正当竞争纠纷',
							'value': 'UNFAIR_COMPETITION_DISPUTE',
							'disabled': false
						},
						{
							'text': '劳动报酬纠纷',
							'value': 'WAGE_DISPUTE',
							'disabled': false
						},
						{
							'text': '解除劳动关系纠纷',
							'value': 'LABOR_CONTRACT_TERMINATION',
							'disabled': false
						},
						{
							'text': '社会保险纠纷',
							'value': 'SOCIAL_INSURANCE_DISPUTE',
							'disabled': false
						}
					],
					'multiple': false,
					'filterable': false
				},
				'nestField': [
					null
				],
				'validation': {
					'required': true,
					'min': 'null',
					'max': 'null'
				}
			},
			{
				'id': '2004',
				'name': 'law_theme',
				'type': 'CASCADER',
				'label': '普法主题',
				'placeholder': '请选择',
				'required': true,
				'order': '0',
				'options': {
					'options': [{
							'text': '综合服务与保障类',
							'value': '1',
							'children': [{
									'text': '宪法、劳动法、合同法、知识产权法等基本法律知识',
									'value': '1-1',
									'children': [{
											'text': '区公安分局',
											'value': '10',
											'disabled': false
										},
										{
											'text': '区人民检察院',
											'value': '11',
											'disabled': false
										},
										{
											'text': '区人民法院',
											'value': '12',
											'disabled': false
										},
										{
											'text': '区司法局',
											'value': '13',
											'disabled': false
										}
									],
									'disabled': false
								},
								{
									'text': '妇女权益保障',
									'value': '1-2',
									'children': [{
											'text': '区人民检察院',
											'value': '11',
											'disabled': false
										},
										{
											'text': '区人民法院',
											'value': '12',
											'disabled': false
										},
										{
											'text': '区司法局',
											'value': '13',
											'disabled': false
										},
										{
											'text': '区妇联',
											'value': '24',
											'disabled': false
										}
									],
									'disabled': false
								},
								{
									'text': '员工权益',
									'value': '1-3',
									'children': [{
											'text': '区人民检察院',
											'value': '11',
											'disabled': false
										},
										{
											'text': '区人民法院',
											'value': '12',
											'disabled': false
										},
										{
											'text': '区人力社保局',
											'value': '15',
											'disabled': false
										},
										{
											'text': '区总工会',
											'value': '23',
											'disabled': false
										}
									],
									'disabled': false
								},
								{
									'text': '退役军人权益',
									'value': '1-4',
									'children': [{
										'text': '区退役军人事务局',
										'value': '25',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '气象灾害',
									'value': '1-5',
									'children': [{
										'text': '区气象局',
										'value': '26',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '地质灾害',
									'value': '1-6',
									'children': [{
										'text': '区地震局',
										'value': '27',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '残疾人权益',
									'value': '1-7',
									'children': [{
										'text': '区残联',
										'value': '28',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '医疗保障',
									'value': '1-8',
									'children': [{
										'text': '区医疗保障局',
										'value': '3',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '住房公积金',
									'value': '1-9',
									'children': [{
										'text': '区住房公积金管理中心',
										'value': '5',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '体育运动',
									'value': '1-10',
									'children': [{
										'text': '区体育局',
										'value': '7',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '卫生健康',
									'value': '1-11',
									'children': [{
										'text': '区卫生健康委',
										'value': '19',
										'disabled': false
									}],
									'disabled': false
								}
							],
							'disabled': false
						},
						{
							'text': '市场监管与保护类',
							'value': '2',
							'children': [{
									'text': '消防安全',
									'value': '2-1',
									'children': [{
										'text': '区消防救援支队',
										'value': '4',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '生产安全',
									'value': '2-2',
									'children': [{
										'text': '区应急管理局',
										'value': '20',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '建筑安全',
									'value': '2-3',
									'children': [{
										'text': '区住房城乡建设委',
										'value': '29',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '商标专利',
									'value': '2-4',
									'children': [{
										'text': '区市场监督管理局',
										'value': '21',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '交通安全',
									'value': '2-5',
									'children': [{
										'text': '区交通局',
										'value': '16',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '食品、药品、特种设备安全',
									'value': '2-6',
									'children': [{
											'text': '区农业农村局',
											'value': '18',
											'disabled': false
										},
										{
											'text': '区市场监督管理局',
											'value': '21',
											'disabled': false
										}
									],
									'disabled': false
								},
								{
									'text': '文物保护',
									'value': '2-7',
									'children': [{
										'text': '区文化和旅游局',
										'value': '30',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '旅游业',
									'value': '2-8',
									'children': [{
										'text': '区文化和旅游局',
										'value': '30',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '水务',
									'value': '2-9',
									'children': [{
										'text': '区水务局',
										'value': '17',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '生态环境保护',
									'value': '2-10',
									'children': [{
											'text': '区发展和改革委员会',
											'value': '9',
											'disabled': false
										},
										{
											'text': '区生态环境局',
											'value': '31',
											'disabled': false
										},
										{
											'text': '市规划自然资源委门头沟分局',
											'value': '32',
											'disabled': false
										}
									],
									'disabled': false
								}
							],
							'disabled': false
						},
						{
							'text': '创新创业与产业升级类',
							'value': '3',
							'children': [{
									'text': '科技创新领域',
									'value': '3-1',
									'children': [{
										'text': '区经济和信息化局',
										'value': '1',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '知识产权',
									'value': '3-2',
									'children': [{
											'text': '区人民检察院',
											'value': '11',
											'disabled': false
										},
										{
											'text': '区人民法院',
											'value': '12',
											'disabled': false
										},
										{
											'text': '区司法局',
											'value': '13',
											'disabled': false
										}
									],
									'disabled': false
								}
							],
							'disabled': false
						},
						{
							'text': '政策咨询与扶持类',
							'value': '4',
							'children': [{
									'text': '人力资源社会保障',
									'value': '4-1',
									'children': [{
										'text': '区人力社保局',
										'value': '15',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '惠企政策',
									'value': '4-2',
									'children': [{
										'text': '区财政局',
										'value': '14',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '外商投资、营商环境',
									'value': '4-3',
									'children': [{
											'text': '中关村门头沟园管委会',
											'value': '6',
											'disabled': false
										},
										{
											'text': '区促投中心',
											'value': '33',
											'disabled': false
										}
									],
									'disabled': false
								},
								{
									'text': '税务',
									'value': '4-4',
									'children': [{
										'text': '区税务局',
										'value': '22',
										'disabled': false
									}],
									'disabled': false
								},
								{
									'text': '民营经济',
									'value': '4-5',
									'children': [{
										'text': '区工商联',
										'value': '8',
										'disabled': false
									}],
									'disabled': false
								}
							],
							'disabled': false
						}
					],
					'multiple': false,
					'filterable': false
				},
				'nestField': [
					null
				],
				'validation': {
					'required': true,
					'min': 'null',
					'max': 'null'
				},
				'attributes': {
					'rows': 'rows=4',
					'width': 'width=100%'
				}
			},
			// {
			// 	'id': '2041',
			// 	'name': 'dispute_amount',
			// 	'type': 'NUMBER',
			// 	'label': '金额',
			// 	'required': false,
			// 	'order': '0',
			// 	'nestField': [
			// 		null
			// 	],
			// 	'validation': {
			// 		'required': true,
			// 		'min': 'null',
			// 		'max': 'null'
			// 	}
			// },
			// {
			// 	'id': '2043',
			// 	'name': 'respondent_info',
			// 	'type': 'NESTTEXT',
			// 	'label': '被申请人信息',
			// 	'required': false,
			// 	'order': 4,
			// 	'nestField': [
			// 		[{
			// 				'id': '2001',
			// 				'name': 'respondent_name',
			// 				'type': 'TEXT',
			// 				'label': '被申请人姓名',
			// 				'placeholder': '请输入您的姓名',
			// 				'required': true,
			// 				'order': 0,
			// 				'options': null,
			// 				'validation': {
			// 					'required': true,
			// 					'min': 2,
			// 					'max': 50,
			// 					'pattern': null,
			// 					'message': '请输入您的姓名',
			// 					'custom': null,
			// 					'maxSize': null
			// 				},
			// 				'attributes': { 'width': '100%' }
			// 			},
			// 			{
			// 				'id': '2001',
			// 				'name': 'respondent_number',
			// 				'type': 'TEXT',
			// 				'label': '被申请人电话',
			// 				'placeholder': '请输入您的电话',
			// 				'required': true,
			// 				'order': 0,
			// 				'options': null,
			// 				'validation': {
			// 					'required': true,
			// 					'min': 2,
			// 					'max': 50,
			// 					'pattern': null,
			// 					'message': '请输入您的电话',
			// 					'custom': null,
			// 					'maxSize': null
			// 				},
			// 				'attributes': { 'width': '100%' }
			// 			}
			// 		],
			// 	],
			// 	'multiple': false,
			// 	'filterable': false,
			// 	'validation': { 'required': true }
			// },
			// {
			// 	'id': '2043',
			// 	'name': 'applicant_info',
			// 	'type': 'NESTTEXT',
			// 	'label': '申请人信息',
			// 	'required': false,
			// 	'order': 4,
			// 	'nestField': [
			// 		[{
			// 				'id': '2001',
			// 				'name': 'applicant_name',
			// 				'type': 'TEXT',
			// 				'label': '申请人姓名',
			// 				'placeholder': '请输入您的姓名',
			// 				'required': true,
			// 				'order': 0,
			// 				'options': null,
			// 				'validation': {
			// 					'required': true,
			// 					'min': 2,
			// 					'max': 50,
			// 					'pattern': null,
			// 					'message': '请输入您的姓名',
			// 					'custom': null,
			// 					'maxSize': null
			// 				},
			// 				'attributes': { 'width': '100%' }
			// 			},
			// 			{
			// 				'id': '2001',
			// 				'name': 'applicant_number',
			// 				'type': 'TEXT',
			// 				'label': '申请人电话',
			// 				'placeholder': '请输入您的电话',
			// 				'required': true,
			// 				'order': 0,
			// 				'options': null,
			// 				'validation': {
			// 					'required': true,
			// 					'min': 2,
			// 					'max': 50,
			// 					'pattern': null,
			// 					'message': '请输入您的电话',
			// 					'custom': null,
			// 					'maxSize': null
			// 				},
			// 				'attributes': { 'width': '100%' }
			// 			}
			// 		],
			// 	],
			// 	'multiple': false,
			// 	'filterable': false,
			// 	'validation': { 'required': true }
			// },
			{
				'id': '2045',
				'name': 'dispute_description',
				'type': 'TEXTAREA',
				'label': '纠纷概况',
				'required': false,
				'order': '0',
				'nestField': [
					null
				],
				'validation': {
					'required': true,
					'min': 'null',
					'max': 'null'
				}
			}
		]
	}, 500)

	const submitData = () => {
		console.log(42423423)
		refForm.value.submit().then(res => {
			console.log(res, 'resreseresrser')
		})
	}
</script>

<script>
	export default {
		/* 就是👇这句 记得加上 ❗️❗️*/
		options: { styleIsolation: 'shared' },
	}
</script>

<style scoped lang="scss">

</style>